<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>热门推荐--集影工作室</title>
	<link rel="stylesheet" href="css/column.css">
	<link rel="stylesheet" href="css/basic.css">
</head>
<body>
    <header>
    	<nav id="nav">
    	<div id="logo"><img src="img/logo.png" alt=""></div> 
    	<ul>
    		<li><a href="index.html">首页</a></li>
    		<li class="active"><a href="informations.html">热门推荐</a></li>
    		<li><a href="ticket.html">业务套餐</a></li>
    		<li><a href="scenery.html">作品欣赏</a></li>
            <li><a href="about.html">工作室简介</a></li>
    	</ul>
    	</nav>
    </header>
    <div id="headline">
        <div class="headline">
            <hgroup>
                <h2>集影工作室</h2>
                <p>包含风景、美食、生活等各种热门话题摄影推荐</p>
            </hgroup>
        </div>
    </div>

    <div id="container">
        <article class="list information">
            <div class="infos">
                <ul class="infos_left">
                	<li><a href="">限时拍摄</a></li>
                	<li><a href="">热门景物</a></li>
                </ul>
                <ul class="infos_right">
                	<li><a href="" class="selected">推荐</a></li>
                	<li><a href="">分类</a></li>
                	<li><a href="">热门</a></li>
                </ul>
            </div>

            <figure class="tour">
                <img src="img/picture1.jpg" alt="">
                <figcation class="description">
                    <h3>河北省-爱情山</h3>
                    <p>爬这座山绕不开牛郎织女，绕不开爱情这一亘古不变的主题,汉乐府《上邪》中说：“我欲与君相知，长命无绝衰。山无陵，江水为竭。冬雷震震，夏雨雪。天地合，乃敢与君绝。”屹立不倒的山石和绵延不断的流水象征着忠贞的爱情，这座城市里的爱情山见证了牛郎织女亘古不变的爱情。</p>
                    <ol>
                        <li><mark>爱情</mark>：愿携一人以终老...</li>
                        <li><mark>领域</mark>：风景/爱情/旅游</li>
                    </ol>
                    <div class="type">邂逅·爱情</div>
               </figcation>
            </figure>

            <figure class="tour">
                <img src="img/picture2.jpg" alt="马尔代夫6日自助游">
                <figcation class="description">
                    <h3>内蒙古-早春村庄</h3>
                    <p>阳春草木菲，大地照曦晖。绿水香茶茂，青山暖气吹。<br>繁花争灿烂，碧树竞葳蕤。野趣园林貌，乡村靓景回。<br></p>
                    <ol>
                        <li><mark>春天</mark>平淡且幸福，忙碌且踏实...</li>
                        <li><mark>领域</mark>景物/建筑/旅游</li>
                    </ol>
                    <div class="type">季节-春</div>
                </figcation>
            </figure>

            <figure class="tour">
                <img src="img/picture3.jpg" alt="海南双飞5日游">
                <figcation class="description">
                    <h3>圆明园-盛夏时节</h3>
                    <p>七月的盛夏，瓦蓝瓦蓝的天空没有一丝云彩，火热的太阳炙烤着大地，河里的水烫手，地里的土冒烟。望着渐变黝黑的湖面，想银河的浩瀚，想宇宙的奥秘，想人生的目的，想人类最后的归处……唉！睡吧！仲夏夜之梦应是甜美的！</p>
                    <ol>
                        <li><mark>夏天</mark>三十里，芙蓉步障，依然红翠相扶...</li>
                        <li><mark>领域</mark>景物/山水/旅游</li>
                    </ol>
                    <div class="type">季节-夏</div>
                </figcation>
            </figure>

            <figure class="tour">
                <img src="img/picture4.jpg" alt="富山-大阪-东京8日游">
                <figcation class="description">
                    <h3>内农大-校园金秋</h3>
                    <p>秋天，落叶随风飘落，扫过地面，除了尘土，不留下什么，却也带不走什么。用尽最后的力气，舞出生命的精彩，唱出生命的绝唱。只留下稀稀拉拉的几片树叶挂在光秃秃的枝头上！</p>
                    <ol>
                        <li><mark>秋天</mark>象征着成熟,意味着丰收...</li>
                        <li><mark>领域</mark>景物/山水/旅游</li>
                    </ol>
                    <div class="type">季节-秋</div>
                </figcation>
            </figure>

            <figure class="tour">
                <img src="img/picture5.jpg" alt="法瑞意德12日游">
                <figcation class="description">
                    <h3>内农大-校园冬雪</h3>
                    <p> 雪花依旧在天空飘呀，飘呀。我用画画，留下雪花。一笔，两笔，雪花被我放大了。我拿起相机拍下了雪花及雪的壮景。雪花像害羞了呢，随着风飘向了另一边。</p>
                    <ol>
                        <li><mark>冬天</mark>明月照积雪，朔风劲且哀...</li>
                        <li><mark>领域</mark>景物/建筑/旅游</li>
                    </ol>
                    <div class="type">季节-冬</div>
            </figure>

            <div class="more">加载更多...</div>
        </article>

        <aside class="sidebar">
            <div class="recommend sidebox">
                <h3>风格推荐</h3>
                <div class="tag">
                    <ul>
                        <li><a href="###">风景(12)</a></li>
                        <li><a href="###">美食(5)</a></li>
                        <li><a href="###">夜景(8)</a></li>
                        <li><a href="###">人像(16)</a></li>
                        <li><a href="###">旅游(4)</a></li>
                        <li><a href="###">运动(9)</a></li>
                        <li><a href="###">生活(15)</a></li>
                        <li><a href="###">宠物(22)</a></li>
                        <li><a href="###">家居(5)</a></li>
                	</ul>
                </div>
            </div>

            <div class="hot sidebox">
                <h3>代表作品</h3>
                <div class="figure">
                    <figure>
                        <img src="img/hot1.jpg" alt="定格永恒">
                        <figcaption>定格永恒</figcaption>
                    </figure>
                    <figure>
                        <img src="img/hot2.jpg" alt="时代聚焦">
                        <figcaption>时代聚焦</figcaption>
                    </figure>
                </div>
            </div>
            <div class="treasure sidebox">
                <h3>摄影四要素</h3>
                <div class="box">
                    <a href="" class="trea1">立意</a>
                    <a href="" class="trea2">构图</a>
                    <a href="" class="trea3">用光</a>
                    <a href="" class="trea4">色彩</a>
                </div>
            </div>
        </aside>
    </div>

    <footer id="footer">
        <div class="top">
            <div class="block left">
                <h3>合作伙伴</h3>
                <hr>
                <ul>
                    <li>麦亚科技</li>
                    <li>帧创艺术微喷</li>
                    <li>绘人生设计工作室</li>
                </ul>
            </div>
            <div class="block middle">
                <h3>摄影FAQ</h3>
                <hr>
                <ul>
                    <li>摄影三大主要元素？</li>
                    <li>风景拍摄和人物拍摄的角度区别？</li>
                    <li>摄影初学者如何挑选相机？</li>
                </ul>
            </div>
            <div class="block right">
                <h3>联系方式</h3>
                <hr>
                <ul>
                    <li>集影工作室</li>
                    <li>电话：17634920728</li>
                    <li>邮箱：1107507154@qq.com</li>
                </ul>
            </div>
        </div>
    </footer>
</body>
</html>